<template>
  <el-row>
    <el-col :span="24">
      <div class="box">
        <div class="box-header">
          <el-col :span="2">
            <h3 class="box-title" style="line-height: 40px;float: left;">
              子项目
            </h3>
          </el-col>
          <el-col :span="20">
            <router-link
              :to="{ name: 'stmgroup', params: { id: this.$route.params.id } }"
              v-if="level === 3"
            >
              <el-button class="btn-link-large add-btn">材料分组</el-button>
            </router-link>
            <router-link
              :to="{ name: 'stegroup', params: { id: this.$route.params.id } }"
              v-if="level === 3"
            >
              <el-button class="btn-link-large add-btn">专家分组</el-button>
            </router-link>
            <el-input
              v-model="searchTitle"
              placeholder="项目名称"
              clearable
              style="width: 12%; margin:auto 5px;"
            ></el-input>
            <el-input
              v-model="searchName"
              placeholder="负责人"
              clearable
              style="width: 12%; margin:auto 5px;"
            ></el-input>
            <el-select
              style="width: 20%;"
              v-model="searchStatus"
              clearable
              placeholder="项目申请状态"
            >
              <el-option
                v-for="item in selectStatus"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
            <el-select
              style="width: 20%;"
              v-model="searchSch"
              filterable
              clearable
              placeholder="所在单位"
            >
              <el-option
                v-for="item in selectSch"
                :key="item.value"
                :label="item.sch_name"
                :value="item.sch_id"
              >
              </el-option>
            </el-select>
            <el-button class="btn-link-large add-btn" @click="Search()">
              <i class="el-icon-search el-icon--right"> 搜 索</i>
            </el-button>
          </el-col>
          <el-col :span="2">
            <el-button
              round
              style="margin-top: 3px; background-image: linear-gradient(#e9f0e9, white);padding: 10px 15px;"
              @click="goback()"
              >返 回</el-button
            >
          </el-col>
        </div>
        <!-- 一级菜单 -->
        <div class="box-body">
          <el-table
            :data="tableData"
            v-loading="loading"
            stripe
            style="width: 100%"
          >
            <el-table-column
              prop="id"
              label="ID"
              width="100"
              sortable
            ></el-table-column>
            <el-table-column
              prop="title"
              label="项目名称"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              prop="name"
              label="负责人名字"
              width="100"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              prop="jobrank"
              label="职称"
              width="100"
              show-overflow-tooltip
            ></el-table-column>
            <el-table-column
              prop="sch"
              label="所在单位"
              show-overflow-tooltip
              :formatter="showSchName"
            ></el-table-column>
            <el-table-column prop="status" label="项目申请状态" width="140">
              <template scope="scope">
                <el-tag
                  :type="statusList[scope.row.status]['type3']"
                  close-transition
                  >{{ statusList[scope.row.status]['msg3'] }}</el-tag
                >
              </template>
            </el-table-column>
             <el-table-column
              prop="grade"
              label="结项状态"
              show-overflow-tooltip
              :formatter="showgrade"
            ></el-table-column>
            <el-table-column label="操作" width="400">
              <template slot-scope="scope">
                <el-button
                  v-popover:popover5
                  v-if="scope.row.status > 15"
                  style="background: rgb(218, 127, 27);color: white;"
                  size="small"
                  @click.stop="proDetail(scope.row)"
                  >结项材料</el-button
                >
                <el-button
                  v-popover:popover5
                  v-if="scope.row.status > 15"
                  style="background: rgb(72, 156, 32);color: white;"
                  size="small"
                  @click.stop="seeDetail(scope.row)"
                  >结项详情</el-button
                >
                <el-button
                  v-if="
                    scope.row.status >15 &&
                      scope.row.status <21 &&
                      (level === 3 || level === 2)
                  "
                  v-popover:popover5
                  style="background: #367fa9; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  @click.stop="check(scope.row)"
                  >审核</el-button
                >
                <el-button
                  v-if="
                    scope.row.status >= 21 &&
                      scope.row.status < 22 &&
                      (level === 3)
                  "
                  v-popover:popover5
                  style="background: #367fa9; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  @click.stop="check(scope.row)"
                  >结题</el-button
                >
                <el-button
                  v-if="(scope.row.status === 18 || scope.row.status === 23) && level === 3"
                  v-popover:popover5
                  size="small"
                  type="danger"
                  @click="backEdit(scope.row)"
                  >退回修改</el-button>
                <el-button
                  v-popover:popover5
                  style="background: #a5673f; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  v-if="level === 1 && scope.row.status === 15"
                  @click.stop="apply(scope.row)"
                  >申请</el-button
                >
                <el-button
                  v-popover:popover5
                  style="background: #a5673f; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  v-if="level === 1 && scope.row.status === 15"
                  @click.stop="applyYanqi(scope.row)"
                  >申请延期</el-button
                >
                <el-button
                  v-popover:popover5
                  style="background: #a5673f; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  v-if="level === 1 && scope.row.status === 24 || scope.row.status === 25 || scope.row.status === 26"
                  @click.stop="endYanqi(scope.row)"
                  >结束延期</el-button
                >
                <el-button
                  v-popover:popover5
                  style="background: #a5673f; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  v-if="level === 2 && scope.row.status === 24"
                  @click.stop="shouliYanqi(scope.row)"
                  >受理延期</el-button
                >
                <el-button
                  v-popover:popover5
                  style="background: #a5673f; color: white;"
                  size="small"
                  icon="el-icon-video-play"
                  v-if="level === 3 && scope.row.status === 25"
                  @click.stop="shouliapplyYanqi(scope.row)"
                  >受理延期申请</el-button
                >
                <el-button
                  v-popover:popover5
                  style="background: #367fa9;"
                  size="small"
                  type="primary"
                  icon="el-icon-edit"
                  v-if="level === 1 && (scope.row.status === 16 || scope.row.status === 17 || scope.row.status === 19)"
                  @click.stop="edit(scope.row)"
                  >修改</el-button
                >
                <el-button
                  v-popover:popover5
                  style="background: #367fa9;"
                  size="small"
                  type="primary"
                  icon="el-icon-edit"
                  v-if="level === 3 && (scope.row.status === 22 || scope.row.status === 23 )"
                  @click.stop="editGrade(scope.row)"
                  >修改状态</el-button
                >
              </template>
            </el-table-column>
          </el-table>
          <el-pagination
            @current-change="handleCurrentChange"
            :current-page="currentPage"
            layout="prev, pager, next"
            :page-count="total"
            style="float: right;"
          ></el-pagination>
        </div>
        <el-dialog
          title="项目结题审核流程"
          center
          :visible.sync="detail"
          width="70%"
        >
          <i><strong>绿色</strong> 代表已完成，<strong>黑色 / 红色</strong> 代表进行时，<strong>灰色</strong> 代表流程</i>
          <el-steps
            :active="steps1"
            :finish-status="finishStatus"
            :process-status="processStatus"
            style="margin-top: 10px;"
          >
            <el-step
              :title="item.title"
              v-for="(item, index) in currProgress"
              :key="index"
            >
            </el-step>
          </el-steps>
           <div v-if="showSupport">
            <h2>评审意见汇总</h2>
            <el-table
              :data="adviceData"
              style="width: 100%;"
              v-loading="loading"
              max-height="300"
            >
              <el-table-column
                show-overflow-tooltip
                prop="name"
                label="专家姓名"
                width="100"
              ></el-table-column>
              <el-table-column
                show-overflow-tooltip
                prop="score1"
                label="选题评分"
                width="100"
              ></el-table-column>
              <el-table-column
                show-overflow-tooltip
                prop="score2"
                label="论证评分"
                width="100"
              ></el-table-column>
              <el-table-column
                show-overflow-tooltip
                prop="score3"
                label="研究评分"
                width="100"
              ></el-table-column>
              <el-table-column
                show-overflow-tooltip
                prop="evaluate"
                label="综合评价"
                width="100"
              ></el-table-column>
              <el-table-column
                prop="remark"
                label="备注"
                show-overflow-tooltip
              ></el-table-column>
            </el-table>
          </div>
          <div style="margin-top:20px; text-align: center;" v-if="showBtn==1">
            <el-switch
              style="margin-right:50px;"
              v-model="proCheck"
              active-color="#13ce66"
              inactive-color="#ff4949"
              active-text="审核通过"
              inactive-text="审核失败"
            >
            </el-switch>
            <!-- <el-button @click="checkInfo = false" size="mini">取 消</el-button> -->
            <el-button type="primary" @click="checkPro()" size="mini"
              >确 定</el-button
            >
          </div>
          <div style="margin-top:20px; text-align: center;" v-if="showBtn==2">
          <!--   <el-switch
              style="margin-right:50px;"
              v-model="prostop"
              active-color="#13ce66"
              inactive-color="#ff4949"
              active-text="结题通过"
              inactive-text="结题失败"
            >
            </el-switch> -->
            <span>结题意见:</span>
            <el-select v-model="checkstop" placeholder="请选择">
              <el-option
              v-for="item in selectgrade"
              :key="item.value"
              :label="item.label"
              :value="item.value">
              </el-option>
            </el-select>
            <!-- <el-button @click="checkInfo = false" size="mini">取 消</el-button> -->
            <el-button type="primary" @click="stop()" size="mini"
              >确 定</el-button
            >
          
          </div>
        </el-dialog>

          <el-dialog
          title="修改结题状态"
          :visible.sync="dialogVisible"
          width="30%"
          :before-close="handleClose">
          <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="结题意见:">
              <el-select v-model="grade" placeholder="请选择">
              <el-option
              v-for="item in selectgrade"
              :key="item.value"
              :label="item.label"
              :value="item.value">
              </el-option>
            </el-select>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="stop()">确定</el-button>
              <el-button @click="dialogVisible = false">取消</el-button>
            </el-form-item>
          </el-form>
        </el-dialog>

      </div>
    </el-col>
  </el-row>
</template>

<script>
import common from '../../../../assets/js/common'
import http from './../../../../assets/js/http'
export default {
  inject: ['reload'],
  data() {
    return {
      searchTitle: '',
      searchName: '',
      checkstop: '',
      selectgrade: [
        {
          value: 1,
          label: '优秀'
        },
        {
          value: 2,
          label: '合格'
        },
        {
          value: 3,
          label: '延期'
        },
        {
          value: 4,
          label: '整改'
        },
        {
          value: 5,
          label: '撤消'
        }
        ],
        grade:'',
      selectStatus: [
        {
          value: '15',
          label: '结题材料待提交'
        },
        {
          value: '16',
          label: '高校待审核'
        },
        {
          value: '17',
          label: '高校审核失败'
        },
        {
          value: '18',
          label: '教育厅待审核'
        },
        {
          value: '19',
          label: '教育厅审核失败'
        },
        {
          value: '20',
          label: '专家待评分'
        },
        {
          value: '21',
          label: '教育厅待结题'
        },
        {
          value: '22',
          label: '结题成功'
        },
        {
          value: '23',
          label: '结题失败'
        }
      ],
      form: {
        grade:''
      },
      grades:{
        0:{
          'id': '0',
        'grade': '无'
        },
        1:{
        'id': '1',
        'grade': '优秀'
      },
      2:{
        'id': '2',
        'grade': '合格'
      },
      3:{
        'id': '3',
        'grade': '延期'
      },
      4:{
        'id': '4',
        'grade': '整改'
      },
      5:{
        'id': '5',
        'grade': '撤消'
      }},
      searchStatus: '',
      selectSch: Lockr.get('schsInfo'),
      searchSch: '',
      currentPage: 1,
      total: 1,
      level: Lockr.get('userInfo').level,
      progresses: [
        { title: '结题材料待提交', status: 15, show: true },
        { title: '结题材料已提交，高校待审核', status: 16, show: true },
        { title: '高校审核失败', status: 17, show: false },
        { title: '高校审核通过，教育厅待审核', status: 18, show: true },
        { title: '教育厅审核失败', status: 19, show: false },
        { title: '教育厅审核通过，专家待评分', status: 20, show: true },
        { title: '专家评分完成，教育厅待结题', status: 21, show: true }, 
        { title: '结题成功', status: 22, show: true }
      ],
      currProgress: [],
      detail: false,
      class:'',
      curStatus: 0,
      finishStatus: 'success', // 设置结束步骤的状态
      processStatus: 'process', // 设置当前步骤的状态
      statusList: common.statusList,
      tableData: [],
      loading: true,
      proCheck: true,
      prostop:true,
      showBtn: 0,
      curProId: '',
      endData: {},
      dialogVisible:false,
      showSupport: false  //显示结题专家分数
    }
  },
  methods: {
    goback() {
      // 返回
      router.push({
        name: 'stproject',
        params: { saveData: this.$route.params.saveData }
      })
    },
    proDetail(row) {
      console.log(row)
      router.push({
        name: 'editstpro',
        params: {
          id: row.id,
          train_id: row.train_id
          // class: this.$route.params.class,
          // subId: this.$route.params.id,
          // endData: this.endData,
          // saveData: this.$route.params.saveData
        }
      })
    },
    seeDetail(row) {
      console.log(this.class)
      window.open(
        'http://8.142.34.26:8097/php/uploads/html/edupeoConclusion.html?item=' + 
        row.id
      )
      // window.open("http://localhost/cultivate/php/uploads/html/edupeoConclusion.html?item=" + 9)
    },
    // 辅导员申请项目结题
    apply(row) {
      router.push({
        name: 'subendpro',
        params: {
          id: row.id,
          class: this.$route.params.class,
          subId: this.$route.params.id,
          endData: this.endData,
          saveData: this.$route.params.saveData
        }
      })
    },
    applyYanqi(row) {
      this.$confirm('是否确认申请延期？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          console.log(row)
      let data = {
        id: row.id
      }
      this.apiPost('admin/Report/RequestDelay', data).then(res => {
        this.handelResponse(res, data => {
          console.log(res)
          _g.toastMsg('success', res.data)
          this.getList()
        })
      })
        })
        .catch(() => {
          // handle error
        })
    },
    shouliYanqi(row) {
      this.$confirm('是否确认受理延期？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          console.log(row)
      let data = {
        status: 25,
        subproject_id: row.id
      }
      this.apiPost('admin/Report/Check', data).then(res => {
        this.handelResponse(res, data => {
          console.log(res)
          _g.toastMsg('success', res.data)
          this.getList()
        })
      })
        })
        .catch(() => {
          // handle error
        })
    },
    shouliapplyYanqi(row) {
      this.$confirm('是否确认受理延期申请？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          console.log(row)
      let data = {
        status: 26,
        subproject_id: row.id
      }
      this.apiPost('admin/Report/Check', data).then(res => {
        this.handelResponse(res, data => {
          console.log(res)
          _g.toastMsg('success', res.data)
          this.getList()
        })
      })
        })
        .catch(() => {
          // handle error
        })
    },
    endYanqi(row) {
      this.$confirm('是否确认结束延期？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          console.log(row)
      let data = {
        status: 15,
        subproject_id: row.id
      }
      this.apiPost('admin/Report/Check', data).then(res => {
        this.handelResponse(res, data => {
          console.log(res)
          _g.toastMsg('success', res.data)
          this.getList()
        })
      })
        })
        .catch(() => {
          // handle error
        })
    },
     backEdit(row) {
      console.log(row.grade)
      if (row.grade) {
        data = {
          subproject_id: row.id,
          status: 23
        }
      } else {
        data = {
        subproject_id: row.id,
        status: 18
        }
      } 
      // console.log(data)
      this.apiPost('admin/Report/ReportBack',data).then(res =>{
        this.handelResponse(res,data =>{
          _g.toastMsg('success',res.data)
          this.getList()
        })
      })
    },
    edit(row) {
      router.push({
        name: 'editstpro',
        params: {
          id: row.id,
          class: this.$route.params.class,
          subId: this.$route.params.id,
          endData: this.endData,
          saveData: this.$route.params.saveData
        }
      })
    },
    showSchName(row) {
      return Lockr.get('schInfo')['sch_id_' + row.sch]['sch_name']
    },
    showgrade(row) {
      return this.grades[row.grade]['grade']
    },
    // 审核
    check(row) {
      console.log(row.status)
      this.currProgress = []
      this.curStatus = row.status
      this.curProId = row.id
      this.detail = true
      if(this.curStatus === 21 || this.curStatus === 22 || this.curStatus === 23){
          this.showSupport = true
          this.getAdvice() 
      }
      if (  //教育厅待审核
        (Lockr.get('userInfo').level === 2 && this.curStatus === 16) ||
        (Lockr.get('userInfo').level === 3 && (this.curStatus === 18||this.curStatus === 19|| this.curStatus === 20))
      ) {
        this.showBtn = 1
      }else if(  //专家评审完之后教育厅审核
        (Lockr.get('userInfo').level === 3 && (this.curStatus === 21 ||this.curStatus === 22))){
        this.showBtn = 2
      } else {
        this.showBtn = 0
      }
    },
    getAdvice() {
      let data = {
        subproject_id: this.curProId
      }
      this.apiPost('admin/Report/ResultExpertend', data).then(res => {
        this.handelResponse(res, data => {
          this.adviceData = res.data
        })
      })
    },
    checkPro() {
      let data = {}
      if (this.proCheck) {
        switch (this.curStatus) {
          // 高校审核成功
          case 16:
            data = {
              status: 18,
              subproject_id: this.curProId
            }
            break
          // 教育厅审核成功
          case 18:   
            data = {
              status: 20,
              subproject_id: this.curProId
            }
            break
            case 19:   //教育厅审核失败后又审核成功
            data = {
              status: 20,
              subproject_id: this.curProId
            }
            break
        }
      } else {
        switch (this.curStatus) {
          // 高校审核失败
          case 16:
            data = {
              status: 17,
              subproject_id: this.curProId
            }
            break
          // 教育厅审核失败
          case 18:
            data = {
              status: 19,
              subproject_id: this.curProId
            }
            break
          case 20:   //教育厅审核成功后又审核失败
            data = {
              status: 19,
              subproject_id: this.curProId
            }
            break
        }
      }
      this.loading = true
      this.apiPost('admin/Report/Check', data).then(res => {
        this.handelResponse(res, data => {
          _g.toastMsg('success', '操作成功')
          this.detail = false
          this.getList()
          this.loading = false
          this.reload()
        })
      })
    },
    stop(){ 
      // console.log(this.grade)
    let data = {}
    if(this.detail){  //提交grade值
       if (this.checkstop == 1 || this.checkstop == 2) {
          data = {
                grade: Number(this.checkstop),
                status: 22,
                subproject_id: this.curProId
              }
      
      }else{
          data = {
                grade: Number(this.checkstop),
                status: 23,
                subproject_id: this.curProId
              }
      }
    }else{    //修改结题意见
  
        if (this.grade == 1 || this.grade == 2) {
            data = {
                  grade: this.grade,
                  status: 22,
                  subproject_id: this.curProId
                }
        
        }else{
            data = {
                  grade: this.grade,
                  status: 23,
                  subproject_id: this.curProId
                }
        }
      }
 
      this.loading = true
       console.log(data)
      this.apiPost('admin/Report/Check', data).then(res => {
        this.handelResponse(res, data => {
          console.log(res.data)
          _g.toastMsg('success', res.data)
          this.detail = false
          this.dialogVisible = false
          this.getList()
          this.loading = false
          this.reload()
          // this.curStatus = 
        })
      })
// 
   },
    handleCurrentChange(currentPage) {
      this.currentPage = currentPage
      this.endData.currentPage = this.currentPage
      // this.currentPage = this.$route.params.currentPage ? this.$route.params.currentPage : this.currentPage
      this.getList()
    },
    Search() {
      this.endData = {
        search_status: this.searchStatus,
        search_sch: this.searchSch,
        search_name: this.searchName,
        search_title: this.searchTitle
      }
      // this.getList(endData)
      this.handleCurrentChange(this.currentPage)
    },
    getList() {
      let data = {}
      switch (Lockr.get('userInfo').level) {
        case 1:
          // 辅导员
          data = {
            page: this.currentPage,
            project_id: this.$route.params.id,
            idnumber: Lockr.get('userInfo').username,
            level: Lockr.get('userInfo').level,
            type: 3
          }
          break
        case 2:
          // 高校
          data = {
            page: this.currentPage,
            project_id: this.$route.params.id,
            level: Lockr.get('userInfo').level,
            sch: Lockr.get('userInfo').sch,
            type: 3
          }
          break
        case 3:
          // 教育厅
          data = {
            page: this.currentPage,
            project_id: this.$route.params.id,
            level: Lockr.get('userInfo').level,
            type: 3
          }
          break
        default:
          // admin
          data = {
            page: this.currentPage,
            project_id: this.$route.params.id,
            level: 3,
            type: 3
          }
          break
      }
      data = Object.assign(data, this.endData)
      // console.log(data)
      this.apiPost('admin/Report/ReportList', data).then(res => {
        this.handelResponse(res, data => {
          console.log(res.data.data)
          this.tableData = res.data.data
          this.total = Math.ceil(data.total / data.per_page)
        })
        this.loading = false
      })
    },
    editGrade(row) {
      console.log(typeof(row.grade))
      this.dialogVisible = true,
       this.grade = row.grade 
      this.curProId = row.id
    },
    init() {
      // this.getList()
      this.currentPage = this.$route.params.endData
        ? this.$route.params.endData.currentPage
        : 1
      this.searchStatus = this.$route.params.endData
        ? this.$route.params.endData.search_status
        : ''
      this.searchSch = this.$route.params.endData
        ? this.$route.params.endData.search_sch
        : ''
      this.searchName = this.$route.params.endData
        ? this.$route.params.endData.search_name
        : ''
      this.searchTitle = this.$route.params.endData
        ? this.$route.params.endData.search_title
        : ''
      this.Search()
    }
  },
  computed: {
    steps1() {
      this.progresses.forEach(element => {
      
        if (element.status == this.curStatus) {
          if (!element.show) {
            // this.processStatus = 'error'
          } else {
            this.processStatus = 'process'
          }
          this.currProgress.push(element)
        } else if (element.show) {
          this.currProgress.push(element)
        }
      })
      //   console.log("111")
      // console.log(this.currProgress)
      return _g.getIndexByKey(this.currProgress, 'status', this.curStatus)

    }
  },
  created() {
    _g.closeGlobalLoading()
    this.init()
    this.class = this.$route.params.class
  },
  watch: {},
  mounted() {},
  mixins: [http]
}
</script>
<style scoped>
.box {
  position: relative;
  border-radius: 3px;
  background: #fff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-top-color: #3c8dbc;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
  min-height: 0.01%;
  overflow-x: auto;
}
.box-header {
  height: 34px;
  line-height: 34px;
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.button-group {
  margin-left: 13px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
  /*margin-right: 50px;*/
}
.box-title {
  font-weight: 700;
  letter-spacing: 3px;
  display: inline-block;
  font-size: 18px;
  margin: 0;
}
.header-button {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.table-header {
  font-weight: bold;
}
.el-button--small {
  padding: 7px 9px;
}
.el-table .showwarn {
  background: oldlace;
}
.edit-btn {
  /*background: #367fa9;*/
  width: 60px;
  height: 28px;
}
.add-btn {
  background: #367fa9;
  /* margin: 0 10px; */
}
.add-btn:hover {
  /* background: #367fa9; */
  background: #367fa9;
}
/*  .btn-link-large {
    padding: 13px 12px;
    font-size: 14px;
}*/
/* 选中某行时的背景色*/
.el-table__body tr.current-row > td {
  background-color: #92cbf1 !important;
}

/*鼠标移入某行时的背景色*/
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #92cbf1;
}</style
>>
